<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html"/>
        <link rel="stylesheet" href="${request.contextPath}/statics/plugins/datepicker/datepicker3.css"/>
        <script src="${request.contextPath}/statics/plugins/datepicker/bootstrap-datepicker.js"></script>
        <script src="${request.contextPath}/statics/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>

        <link rel="stylesheet"
              href="${request.contextPath}/statics/plugins/jquerydatetimepicker/jquery.datetimepicker.css">
        </head>
<style type="text/css">
    html{
        overflow-y: auto;
    }
</style>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <#if shiro.hasPermission("offlinestudy:subscribedate:save")>
                <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            </#if>
            <#if shiro.hasPermission("offlinestudy:subscribedate:update")>
                <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            </#if>
            <#if shiro.hasPermission("offlinestudy:subscribedate:delete")>
                <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            </#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal" style="width:70%!important;" role="form">
            <h3><span class="label label-primary">6+1学习</span></h3>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 20%;">学习日期</div>
                <div class="col-sm-5" style="width: 40%;">
                    <div class="input-group" id="datepicker_range">
                        <span class="input-group-addon">开始</span>
                        <input id="datepicker_start" type="text" class="form-control" style="width: 100px;" name="start"
                               readonly/>
                        <span class="input-group-addon">至</span>
                        <input id="datepicker_end" type="text" class="form-control" style="width: 100px;" name="end"
                               readonly/>
                    </div>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">人数</div>
                <div class="col-sm-3" style="width: 30%;">
                    <input type="text" class="form-control" width="80%" name="subscribedate_rs"
                           v-model="subscribedate.rs" @input="handleInput"/>
                </div>
            </div>
            <h3><span class="label label-primary">3+3+1学习</span></h3>
            <!-- --------------------------------3+3+1学习--------------------------------------- -->
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 20%;">学习日期</div>
                <div class="col-sm-5" style="width: 40%;">
                    <div class="input-group" id="datepicker_range_ext1">
                        <span class="input-group-addon">开始</span>
                        <input id="datepicker_start_ext1" type="text" class="form-control" style="width: 100px;"
                               name="start"
                               readonly/>
                        <span class="input-group-addon">至</span>
                        <input id="datepicker_end_ext1" type="text" class="form-control" style="width: 100px;"
                               name="end"
                               readonly/>
                    </div>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">人数</div>
                <div class="col-sm-3" style="width: 30%;">
                    <input type="text" class="form-control" width="80%" name="ext1_rs" v-model="ext1.rs"
                           @input="handleInput"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 20%;">学习日期</div>
                <div class="col-sm-5" style="width: 40%;">
                    <div class="input-group" id="datepicker_range_ext2">
                        <span class="input-group-addon">开始</span>
                        <input id="datepicker_start_ext2" type="text" class="form-control" style="width: 100px;"
                               name="ext2_start"
                               readonly/>
                        <span class="input-group-addon">至</span>
                        <input id="datepicker_end_ext2" type="text" class="form-control" style="width: 100px;"
                               name="ext2_end"
                               readonly/>
                    </div>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">人数</div>
                <div class="col-sm-3" style="width: 30%;">
                    <input type="text" class="form-control" width="80%" name="ext2_rs" v-model="ext2.rs"
                           @input="handleInput"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 20%;">学习地点</div>
                <div class="col-sm-10" style="width: 80%;">
                    <input type="text" class="form-control" style="width:95%" v-model="subscribedate.xxdd"
                           placeholder=""/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 20%;">学习时间</div>
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">上午</span>
                        <input class='form-control' type="text" id="datetimepicker1"/>
                        <span class="input-group-addon">至</span>
                        <input class='form-control' type="text" id="datetimepicker2"/>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">下午</span>
                        <input class='form-control' type="text" id="datetimepicker3"/>
                        <span class="input-group-addon">至</span>
                        <input class='form-control' type="text" id="datetimepicker4"/>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>
<script src="${request.contextPath}/statics/plugins/jquerydatetimepicker/jquery.datetimepicker.full.min.js"></script>
<script src="${request.contextPath}/statics/js/modules/offlinestudy/subscribedate.js?_${.now?long}"></script>
</body>
</html>